import React, { Component } from 'react'
import './App.css'
import Login from '../Login/Login'
import Reg from '../Login/Reg'
import { BrowserRouter as Router, Route, Link } from "react-router-dom";

class App extends Component {

    state = {
    }

    constructor(props) {
        super(props);
        this.state = {
            headers: [

            ]
        }
    }

    render() {
        return (
            <Router>
                <div className="col app_page">
                    <div className='page_header row-center padding item-center'>
                        这是顶部header
                    </div>
                    <div className='row page_body'>
                        <div className='content'>
                            <Route path="/" exact component={Login}></Route>
                            <Route path="/reg/" exact component={Reg}></Route>
                        </div>
                        <div className='right_toolbar col'>
                            <ul>
                                <li> <Link to="/">登录</Link> </li>
                                <li><Link to="/reg/">注册</Link> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </Router>
        )
    }
}

export default App;
